<template>
        <div class="father">
                <h2>父组件</h2>
                <Child :a="a" :b="b" :c="c" v-bind="{x:1,y:2}" :updateA="updateA" ></Child>
        </div>
</template>
<script setup lang="ts">
import Child from './Child.vue';
import {ref} from 'vue'
let a = ref(1)
let b = ref(2)
let c = ref(3)

function updateA(value : number){
        a.value = value
}

</script>
<style scoped>
.father {
        background: #ffe8e8;
        padding: 10px;
        box-shadow: 0 0 10px black;
        border-radius: 10px;
        margin: 0 10px;
}
</style>